﻿$(document).ready(function () {
    cityArea();
    $('.ddldisplay').hover(
		    function () { return false; },
		    function () {
		        $(this).children("div").hide(); $('.ddldisplay').toggle(
			function () { $(this).children("div").show(); },
			function () { $(this).children("div").hide(); }
		);
		    }
		);
});
function cityArea() {
    $.ajax({
        url: "/Includes/js/Area.xml", //地址
        type: "GET",
        dataType: "xml",
        error: function (xdata) { alert("fail:"); },
        success: function (xdata) {
            var sheng, shi, qu;
            sheng = $("#ddlSheng");
            shi = $("#ddlShi");
            qu = $("#ddlQu");
            if ($(xdata) != null) {
                $(sheng).find("div").html("");
                for (var i = 0; i < $(xdata).find("address > province").length; i++) {
                    $(sheng).find("div").append("<a href='javascript:;'>" + $(xdata).find("address > province:eq(" + i + ")").attr("name") + "</a>"); ;
                }
            }
            //下面是下拉框
            $(".ddldisplay").toggle(
                        function () { $(this).children("div").show(); },
                        function () { $(this).children("div").hide(); }
                );
            $(sheng).find("a").click(function () {
                $(sheng).find("span").text($(this).text());
                var provinceName = $(this).text();
                //清空市和区的列表，以免重复添加
                $(shi).find("div").html("");
                $(qu).find("div").html("");
                //根据省查找该省的所有下级市，市下所有区
                for (var i = 0; i < $(xdata).find("address > province[name='" + provinceName + "'] > city").length; i++) {
                    $(shi).find("div").append("<a href='javascript:;'>" + $(xdata).find("address > province[name='" + provinceName + "'] > city:eq(" + i + ")").attr("name") + "</a>");
                }
                for (var i = 0; i < $(xdata).find("address > province[name='" + $(this).text() + "'] > city[name='" + $(shi).find("div a:eq(0)").text() + "'] > country").length; i++) {
                    var txt = $(xdata).find("address > province[name='" + $(this).text() + "'] > city[name='" + $(shi).find("div a:eq(0)").text() + "'] > country:eq(" + i + ")").attr("name");
                    $(qu).find("div").append("<a href='javascript:;'>" + txt + "</a>");
                }
                $(qu).find("a").click(function () {
                    $(qu).find("span").text($(this).text());
                });
                //隐藏列表
                $(this).parents(".ddldisplay").find("div").hide();
                $(shi).find("span").text($(shi).find("div a:eq(0)").text());
                $(qu).find("span").text($(qu).find("div a:eq(0)").text());
                $(shi).find("a").click(function () {
                    var provinceName = $(sheng).find("span").text(); //省
                    var cityName = $(this).text(); //市
                    $(shi).find("span").text(cityName);
                    var country = $(xdata).find("address > province[name='" + provinceName + "'] > city[name='" + cityName + "'] > country");
                    var len = country.length;
                    $(qu).find("div").html("");
                    for (var i = 0; i < len; i++) {
                        var countryName = $(xdata).find("address > province[name='" + provinceName + "'] > city[name='" + cityName + "'] > country:eq(" + i + ")").attr("name");
                        $(qu).find("div").append("<a href='javascript:;'>" + countryName + "</a>");
                    }
                    //隐藏列表
                    $(this).parents(".ddldisplay").find("div").hide();
                    $(qu).find("span").text($(qu).find("div a:eq(0)").text());
                    $(qu).find("a").click(function () {
                        $(qu).find("span").text($(this).text());
                    });
                });
            });

        }
    });
}